<!doctype html>
<html lang="en">
<head>
    <title>黄大年</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./node_modules/swiper/dist/css/swiper.css">
    <link rel="stylesheet" href="./node_modules/animate.css/animate.css">
    <link rel="stylesheet" href="./node_modules/video.js/dist/video-js.css">
    <!--<link rel="stylesheet" href="./bower_components/plyr/dist/plyr.css">-->
    <link rel="stylesheet" href="/src/css/app.less">
    <link rel="stylesheet" href="/src/css/home.less">
</head>
<body>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <!--page1-->
        <div class="swiper-slide page1">
            <!--<div class="feiji ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s"  swiper-animate-delay="0.5s"><img src="/src/img/icon-feiji.png"></div>-->
            <div class="earth earth-feiji"></div>
            <div class="earth">
                <div class="bg"><img src="/src/img/global-bg.png"></div>
                <div class="build build-1 ani" swiper-animate-effect="slideInRight"><img src="/src/img/build-1.png"><a></a></div>
                <div class="build build-2 ani" swiper-animate-effect="slideInUp" swiper-animate-delay="0.25s"><img src="/src/img/build-2.png"><a></a></div>
                <div class="build build-3 ani" swiper-animate-effect="slideInUp" swiper-animate-delay="0.5s"><img src="/src/img/build-3.png"><a></a></div>
                <div class="build build-4 ani" swiper-animate-effect="slideInLeft" swiper-animate-delay="0.75s"><img src="/src/img/build-4.png"><a></a></div>
            </div>
            <div class="earth">
                <div class="text">
                    <p class="ani" swiper-animate-effect="slideInUp">短短58载<br>地质宫刻有梦想<br>剑河永远留下眷恋</p>
                    <div class="tit ani" swiper-animate-effect="slideInUp"><img src="/src/img/icon-text.png" alt=""></div>
                    <a class="btn ani toPage" data-page="1" swiper-animate-effect="slideInUp"><img src="/src/img/btn-1.png" alt=""></a>
                </div>
            </div>
            <div class="pop-box disNone">
                <div class="pop">
                    <a class="close"></a>
                    <div class="pop-cont">
                        <div class="icon-66"><img src="/src/img/icon-66.png"></div>
                        <div class="li">
                            <h2>吃东西可以汤汤水水，但做事千万不能汤汤水水，唯有认真对待每一个细节，才能成就最好的结果……</h2>
                            <div class="cont">
                                <div class="p">
                                    <label>1958年</label>
                                    <p>出生在广西南宁一个知识分子家庭。高中毕业后加入地质队。</p>
                                </div>
                                <div class="p">
                                    <label>1977年</label>
                                    <p>国家恢复高考，他考入长春地质学院。</p>
                                </div>
                            </div>
                        </div>
                        <div class="li">
                            <h2>我们离开英国更像一场落荒而逃，诊所里的药堆满了两个车库，车都扔在了停车场，什么都不管了，必须立刻走，我怕再多待一天都有可能改变主意……</h2>
                            <div class="cont">
                                <div class="p">
                                    <label>1992年</label>
                                    <p>赴英攻读博士学位。</p>
                                </div>
                                <div class="p">
                                    <label>1996年</label>
                                    <p>以排名第一的成绩获得英国利兹大学地球物理学博士学位，回国后不久又到英国从事研究。</p>
                                </div>
                                <div class="p">
                                    <label>1996-2009年</label>
                                    <p>任英国剑桥ARKeX航空地球物理公司任高级研究员。</p>
                                </div>
                                <div class="p">
                                    他是航空地球物理研究领域享誉世界的科学家。长期从事海洋和航空快速移动平台高精度地球微重力和磁力场探测技术工作，是国际航空地球物理研究领域的著名科学家，也是世界上该领域研究的领航者。
                                    他带领一支包括外国院士在内的300人“高配”团队，实现了在海洋和陆地复杂环境下通过快速移动方式实施对地穿透式精确探测的技术突破。这项技术是当今世界各国科技竞争乃至战略部署的制高点。
                                </div>
                            </div>
                        </div>
                        <div class="li">
                            <h2>中国要由大国变成强国，需要有一批‘科研疯子’，这其中能有我，余愿足矣！</h2>
                            <div class="cont">
                                <div class="p">
                                    <label>1992-04</label>
                                    <p>接受国家“海外高层次人才引进计划”邀请回国，成为吉林大学地球探测科学与技术学院全职教授、博士生导师，是东北地区首位引进的“千人计划”专家。</p>
                                </div>
                                <div class="p">
                                    作为国家“863计划”“高精度航空重力测量技术项目”的首席科学家和国土资源部“深部探测关键仪器装备研制与实验项目”的负责人，在短期内突破国外严格禁运和技术封锁瓶颈，取得一系列重大成果，填补多项国内技术空白，为深地资源探测和国防安全建设作出了突出贡献。
                                    <br>他悉心指导的44名研究生（其中18名为博士生），获得省部级以上奖项14人次，主动担任本科层次“李四光试验班”的班主任。
                                </div>
                            </div>
                        </div>
                        <div class="li">
                            <h2>我要是不行了，请把我的电脑交给国家……里面的研究资料很重要……</h2>
                            <div class="cont">
                                <div class="p">
                                    <label>2017年<br>1月8日</label>
                                    <p>黄大年因胆管癌离世。</p>
                                </div>
                                <div class="p">
                                    他经常工作到凌晨两三点钟，几乎没有休过寒暑假和节假日。平均每年出差130余天，最多的一年出差160余天，3次累倒在工作岗位上。
                                    中共中央宣传部决定，追授黄大年“时代楷模”荣誉称号。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--page2-->
        <div class="swiper-slide page2">
            <div class="video-box">
                <video id="video" class="video-js" controls x-webkit-airplay="true" webkit-playsinline="true" playsinline>
                    <source src="/src/other/video.mp4" type="video/mp4">
                </video>
            </div>
        </div>
        <!--page3-->
        <div class="swiper-slide page3">
            <div class="figure">
                <a class="click one"></a>
                <a class="click two"></a>
                <a class="click thr"></a>
                <div class="text">
                    <img src="/src/img/icon2-cont.png">
                </div>
                <div class="info">
                    <div class="tit"><img src="/src/img/icon2-text.png"></div>
                    <a class="btn toPage" data-page="3"><img src="/src/img/btn-2.png"></a>
                </div>
            </div>
        </div>
        <!--page4-->
        <div class="swiper-slide page4">
            <div class="img-flex"></div>
            <div class="foot disNone">
                <img src="/src/img/nandu.png">
                <span class="text">
                    更多了解黄大年请扫二维码<br>
                    <b>关注南方都市报APP</b>
                </span>
            </div>
        </div>
    </div>
</div>



<script src="/src/lib/flexible.js"></script>
<script src="./node_modules/jquery/dist/jquery.js"></script>
<script src="./node_modules/swiper/dist/js/swiper.jquery.min.js"></script>
<script src="/src/lib/swiper.animate1.0.2.min.js"></script>
<script src="./node_modules/video.js/dist/video.js"></script>
<!--<script src="./bower_components/plyr/dist/plyr.js"></script>-->
<script src="/src/js/config.js"></script>
<script src="/src/lib/fragment.js"></script>
<script src="/src/js/home.js"></script>
</body>
</html>